<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="colortool, color picker, color wheel, fubar_perl" />
<meta name="description" content="MobileSiteOS™ provides mobile wireless and PDA users with web content using display size adjusted web pages." />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="distribution" content="Global" />
<meta name="author" content="Dwight Vietzke" />
<meta http-equiv="Reply-to" content="dwight_vietzke@yahoo.com" />
<meta name="classification" content="mobile internet website software" />
<meta name="copyright" content="Copyright©2008-2009 - OpenSiteMobile" />

	<title>Color Tool - MobileSiteOS™</title>

<script type="text/javascript" charset='utf-8' src="./msos/dojo_config.js"></script>
<script type="text/javascript" charset='utf-8' src="./dojo/dojo.js"></script>

<script type='text/javascript'>
/* <![CDATA[ */

dojo.require("msos.common");
dojo.require("msos.colortool_calc");

function init_colortool() {

    if (!msos.common.browser_current()) return false;

    // Gather up our colortool elements
    var colortool_elements = {
	ct_buttons:	dojo.byId('ct_buttons'),
	ct_display:	dojo.byId('ct_display'),
	ct_wheel_img:	dojo.byId('ct_wheel_img'),
	ct_hex_inp:	dojo.byId('ct_hex_inp'),
	ct_input_ref:	dojo.byId('ct_input_ref'),
	ct_tabs_div:	dojo.byId('ct_tabs_div'),
	ct_main_tab:	dojo.byId('ct_main_tab'),
	ct_websafe_tab:	dojo.byId('ct_websafe_tab'),
	ct_saved_tab:	dojo.byId('ct_saved_tab'),
	ct_update_main:	dojo.byId('ct_update_main'),
	ct_save_color:	dojo.byId('ct_save_color'),
	ct_use_color:	dojo.byId('ct_use_color'),
	ct_web_smart:	dojo.byId('ct_web_smart'),
	rgb_r:		dojo.byId('rgb_r'),
	rgb_g:		dojo.byId('rgb_g'),
	rgb_b:		dojo.byId('rgb_b'),
	hsb_h:		dojo.byId('hsb_h'),
	hsb_s:		dojo.byId('hsb_s'),
	hsb_v:		dojo.byId('hsb_v'),
	black_circle:	dojo.byId('black_circle'),
	white_circle:	dojo.byId('white_circle')
    };

    var colortool_obj = new msos.colortool_calc.generate_colortool(colortool_elements);

    colortool_obj.start_colortool();
}
// Initiate our colortool
dojo.addOnLoad(init_colortool);

/* ]]> */
</script>

<link rel='stylesheet' type='text/css' charset='utf-8' href="./msos/style/fubar.css" media='screen, handheld' />
<link rel="stylesheet" type='text/css' charset='utf-8' href="./msos/style/colortool.css" media='screen, handheld' />
<link rel='shortcut icon' href='./msos/images/osm.ico' />

</head>

<body>

<div id="ct_tabs_div"></div>

<!-- Main tab content -->

<div id="ct_main_tab" class="tab_content">

<img id="black_circle" style="position:absolute; left:5px; top:5px; display:none; z-index:11;" src="./msos/images/black_circle.gif" alt='O' width='8' height='8' />
<img id="white_circle" style="position:absolute; left:5px; top:5px; display:none; z-index:12;" src="./msos/images/white_circle.gif" alt='O' width='8' height='8' />
<img id="ct_wheel_img" src="./msos/images/colorwheel.png" alt="Color Wheel" />

  <table style="width:140px;height:90px">
	<tr>
		<td>R</td>
		<td><input type="text" id="rgb_r" value="" maxlength="3" style="width:30px;"  tabindex="1" /></td>
		<td>H</td>
		<td><input type="text" id="hsb_h" value="" maxlength="3" style="width:30px;"  tabindex="5" /></td>
	</tr>
	<tr>
		<td>G</td>
		<td><input type="text" id="rgb_g" value="" maxlength="3" style="width:30px;"  tabindex="2" /></td>
		<td>S</td>
		<td><input type="text" id="hsb_s" value="" maxlength="3" style="width:30px;"  tabindex="6" /></td>
	</tr>
	<tr>
		<td>B</td>
		<td><input type="text" id="rgb_b" value="" maxlength="3" style="width:30px;"  tabindex="3" /></td>
		<td>V</td>
		<td><input type="text" id="hsb_v" value="" maxlength="3" style="width:30px;"  tabindex="7" /></td>
	</tr>
	<tr>
		<td><input type='checkbox' id='ct_web_smart'	value='Smart' /></td>
                <td><input type='button'   id='ct_update_main'	value='Ok'  class='sml_submit' tabindex="10" /></td>
                <td class='text_lt' colspan='2'>
		    <input type="text"	   id="ct_hex_inp"	value="" maxlength="7" tabindex="9" /></td>
	</tr>
  </table>
</div>

<!-- Additional tab content -->

<div id="ct_websafe_tab" class="tab_content"></div>

<div id="ct_saved_tab" class="tab_content"></div>

<!-- End tab content -->

<div id="ct_buttons">
  <input id='ct_save_color' class='ct_submit' type="button" value="Save" />
  <input id='ct_use_color'  class='ct_submit' type="button" value="Use" />
</div>

<div id="ct_display">
</div>
<div id="ct_input_ref">
</div>

</body>
</html>
